<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                xmlns:venture="http://primefaces.org/venture">
    <!-- LAYOUT MENU COVER -->
    <div id="layout-menu-cover" class="">
        <div id="layout-menu-cover-scroll-content" class="">
            <h:form id="menuform">
                <venture:menu>
                    <p:submenu id="om_dashboards" label="DASHBOARD">
                        <p:menuitem id="om_db_landing" outcome="/promotion-page.xhtml" icon="icon-jewel" value="Your Promotion Page"/>
                        <p:menuitem id="om_db_sc" outcome="/dashboard-social.xhtml" icon="icon-lightbulb" value="Dashboard Social"/>
                        <p:menuitem id="om_db_pm1" outcome="/dashboard-pm.xhtml" icon="icon-lightbulb" value="Dashboard Project Management 1"/>
                        <p:menuitem id="om_db_pm2" outcome="/dashboard-pm-2.xhtml" icon="icon-lightbulb" value="Dashboard Project Management 2"/>
                    </p:submenu>

                    <p:submenu id="om_menuoptcolor" label="MENU AND COLOR OPTIONS">
                        <p:menuitem id="om_def" url="#" onclick="Venture.changeBodyClass('');return false;" icon="icon-checklist" value="Default Menu Option"/>
                        <p:menuitem id="om_fixed" url="#" onclick="Venture.changeBodyClass('FixedMenu');return false;" icon="icon-checklist" value="Fixed Default Menu Option"/>
                        <p:menuitem id="om_popup" url="#" onclick="Venture.changeBodyClass('PopupMenu');return false;" icon="icon-duplicate" value="Popup Menu Option"/>
                        <p:submenu id="tpbr_colors" label="Topbar Color Options" icon="icon-chevron-down">
                            <p:menuitem id="om_bg_yellow" url="#" onclick="Venture.changeBodyClass('YellowTopbar');return false;" icon="icon-brush" value="Yellow Color"/>
                            <p:menuitem id="om_bg_orange" url="#" onclick="Venture.changeBodyClass('OrangeTopbar');return false;" icon="icon-brush" value="Orange Color"/>
                            <p:menuitem id="om_bg_aqua" url="#" onclick="Venture.changeBodyClass('AquaTopbar');return false;" icon="icon-brush" value="Aqua Color"/>
                            <p:menuitem id="om_bg_blue" url="#" onclick="Venture.changeBodyClass('BlueTopbar');return false;" icon="icon-brush" value="Blue Color"/>
                            <p:menuitem id="om_bg_red" url="#" onclick="Venture.changeBodyClass('RedTopbar');return false;" icon="icon-brush" value="Red Color"/>
                            <p:menuitem id="om_bg_green" url="#" onclick="Venture.changeBodyClass('GreenTopbar');return false;" icon="icon-brush" value="Green Color"/>
                            <p:menuitem id="om_bg_purple" url="#" onclick="Venture.changeBodyClass('PurpleTopbar');return false;" icon="icon-brush" value="Purple Color"/>
                            <p:menuitem id="om_bg_pink" url="#" onclick="Venture.changeBodyClass('PinkTopbar');return false;" icon="icon-brush" value="Pink Color"/>
                        </p:submenu>

                        <p:submenu id="bg_colors" label="Background Color Options" icon="icon-chevron-down">
                            <p:menuitem id="bg_palegreen" url="#" onclick="Venture.changeBodyClass('PaleGreenBG');return false;" icon="icon-brush" value="Pale Green"/>
                            <p:menuitem id="bg_paleblue" url="#" onclick="Venture.changeBodyClass('PaleBlueBG');return false;" icon="icon-brush" value="Pale Blue"/>
                            <p:menuitem id="bg_leaden" url="#" onclick="Venture.changeBodyClass('LeadenBG');return false;" icon="icon-brush" value="Leaden"/>
                            <p:menuitem id="bg_dark" url="#" onclick="Venture.changeBodyClass('DarkBG');return false;" icon="icon-brush" value="Dark"/>
                            <p:menuitem id="bg_darkpurple" url="#" onclick="Venture.changeBodyClass('DarkPurpleBG');return false;" icon="icon-brush" value="Dark Purple"/>
                        </p:submenu>
                    </p:submenu>

                    <p:submenu id="om_theme" label="VENTURE THEME">
                        <p:menuitem id="om_sample" outcome="/sample.xhtml" icon="icon-pill" value="Sample Page"/>
                        <p:menuitem id="om_forms" outcome="/forms.xhtml" icon="icon-article" value="Form Elements"/>
                        <p:menuitem id="om_data" outcome="/data.xhtml" icon="icon-stack" value="Data Components"/>
                        <p:menuitem id="om_datatable" outcome="/datatable.xhtml" icon="icon-browser" value="DataTable"/>
                        <p:menuitem id="om_panels" outcome="/panel.xhtml" icon="icon-to-do" value="Panels"/>
                        <p:menuitem id="om_overlays" outcome="/overlay.xhtml" icon="icon-box" value="Overlays"/>
                        <p:menuitem id="om_menus" outcome="/menu.xhtml" icon="icon-list" value="Menus"/>
                        <p:menuitem id="om_messages" outcome="/messages.xhtml" icon="icon-conversation" value="Messages"/>
                        <p:menuitem id="om_charts" outcome="/charts.xhtml" icon="icon-graph-pie" value="Charts"/>
                        <p:menuitem id="om_fileupload" outcome="/file.xhtml" icon="icon-cloud-upload" value="FileUpload"/>
                        <p:menuitem id="om_misc" outcome="/misc.xhtml" icon="icon-view-thumb" value="Misc"/>
                    </p:submenu>

                    <p:submenu id="om_default" label="DEFAULT PAGES">
                        <p:menuitem id="om_empty" outcome="/empty-page.xhtml" icon="icon-copy" value="Empty Page"/>
                        <p:menuitem id="om_login" outcome="/login.xhtml" icon="icon-lock-open" value="Login Page"/>
                        <p:menuitem id="om_error" outcome="/error.xhtml" icon="icon-thumbs-down" value="Error Page"/>
                        <p:menuitem id="om_404" outcome="/404.xhtml" icon="icon-document-delete" value="404 Page"/>
                        <p:menuitem id="om_access" outcome="/access-denied.xhtml" icon="icon-tag-delete" value="Access Denied Page"/>
                    </p:submenu>

                    <p:submenu id="om_hierarchy" label="MENU HIERARCHY">
                        <p:submenu id="om_sm1" label="Submenu 1" icon="icon-chevron-down">
                            <p:submenu id="om_sm11" label="Submenu 1.1" icon="icon-chevron-down">
                                <p:submenu id="om_sm111" label="Submenu 1.1.1" icon="icon-chevron-down">
                                    <p:menuitem id="om_lnk1111" url="#" icon="icon-link" value="Link 1"/>
                                    <p:menuitem id="om_lnk1112" url="#" icon="icon-link" value="Link 2"/>
                                    <p:menuitem id="om_lnk1113" url="#" icon="icon-link" value="Link 3"/>
                                </p:submenu>
                            </p:submenu>

                            <p:menuitem id="om_lnk12" url="#" icon="icon-link" value="Submenu 1.2"/>
                            <p:menuitem id="om_lnk13" url="#" icon="icon-link" value="Submenu 1.3"/>
                        </p:submenu>
                        <p:submenu id="om_sm2" label="Submenu 2" icon="icon-chevron-down">
                            <p:submenu id="om_21" label="Submenu 2.1" icon="icon-chevron-down">
                                <p:submenu id="om_211" label="Submenu 2.1.1" icon="icon-chevron-down">
                                    <p:menuitem id="om_lnk2111" url="#" icon="icon-link" value="Link 1"/>
                                    <p:menuitem id="om_lnk2112" url="#" icon="icon-link" value="Link 2"/>
                                    <p:menuitem id="om_lnk2113" url="#" icon="icon-link" value="Link 3"/>
                                </p:submenu>
                            </p:submenu>
                        </p:submenu>
                    </p:submenu>

                    <p:submenu id="om_fonticon" label="FONT ICON">
                        <p:menuitem id="om_icons" outcome="/font-icons.xhtml" icon="icon-rocket" value="Font Icons"/>
                    </p:submenu>

                    <p:submenu id="om_docs" label="DOCUMENTATION">
                        <p:submenu id="om_docs_core" label="Core CSS Docs" icon="icon-folder">
                            <p:menuitem id="om_docs_1" outcome="/docs/core/installation.xhtml" icon="icon-tags" value="Installation"/>
                            <p:menuitem id="om_docs_2" outcome="/docs/core/menus.xhtml" icon="icon-tags" value="Menus"/>
                            <p:menuitem id="om_docs_3" outcome="/docs/core/responsive-mode.xhtml" icon="icon-tags" value="Responsive Mode"/>
                            <p:menuitem id="om_docs_4" outcome="/docs/core/containerx.xhtml" icon="icon-tags" value="ContainerX"/>
                            <p:menuitem id="om_docs_5" outcome="/docs/core/flex.xhtml" icon="icon-tags" value="Flex Boxes"/>
                            <p:menuitem id="om_docs_6" outcome="/docs/core/widx.xhtml" icon="icon-tags" value="WidX"/>
                            <p:menuitem id="om_docs_7" outcome="/docs/core/selection.xhtml" icon="icon-tags" value="Selection"/>
                            <p:menuitem id="om_docs_8" outcome="/docs/core/visibilities.xhtml" icon="icon-tags" value="Visibility"/>
                            <p:menuitem id="om_docs_9" outcome="/docs/core/displaying.xhtml" icon="icon-tags" value="Displaying"/>
                            <p:menuitem id="om_docs_10" outcome="/docs/core/positioning.xhtml" icon="icon-tags" value="Positioning"/>
                            <p:menuitem id="om_docs_11" outcome="/docs/core/underline.xhtml" icon="icon-tags" value="Underline"/>
                            <p:menuitem id="om_docs_12" outcome="/docs/core/floating.xhtml" icon="icon-tags" value="Floating"/>
                            <p:menuitem id="om_docs_13" outcome="/docs/core/overflows.xhtml" icon="icon-tags" value="Overflows"/>
                            <p:menuitem id="om_docs_14" outcome="/docs/core/empty-boxes.xhtml" icon="icon-tags" value="Empty Boxes"/>
                            <p:menuitem id="om_docs_15" outcome="/docs/core/opacity.xhtml" icon="icon-tags" value="Opacity"/>
                            <p:menuitem id="om_docs_16" outcome="/docs/core/text-aligning.xhtml" icon="icon-tags" value="Text Aligning"/>
                            <p:menuitem id="om_docs_17" outcome="/docs/core/box-sizing.xhtml" icon="icon-tags" value="Box Sizing"/>
                            <p:menuitem id="om_docs_18" outcome="/docs/core/font-size.xhtml" icon="icon-tags" value="Font Size"/>
                            <p:menuitem id="om_docs_19" outcome="/docs/core/font-weights.xhtml" icon="icon-tags" value="Font Weights"/>
                            <p:menuitem id="om_docs_20" outcome="/docs/core/transitions.xhtml" icon="icon-tags" value="Transitions"/>
                        </p:submenu>

                        <p:submenu id="om_docs_layout" label="Layout CSS Docs" icon="icon-folder">
                            <p:menuitem id="om_docs_21" outcome="/docs/layout/less.xhtml" icon="icon-tags" value="LESS"/>
                            <p:menuitem id="om_docs_22" outcome="/docs/layout/cards.xhtml" icon="icon-tags" value="Cards"/>
                            <p:menuitem id="om_docs_23" outcome="/docs/layout/text-colors.xhtml" icon="icon-tags" value="Text Colors"/>
                            <p:menuitem id="om_docs_24" outcome="/docs/layout/background-colors.xhtml" icon="icon-tags" value="Background Colors"/>
                            <p:menuitem id="om_docs_25" outcome="/docs/layout/borders.xhtml" icon="icon-tags" value="Borders"/>
                            <p:menuitem id="om_docs_26" outcome="/docs/layout/separators.xhtml" icon="icon-tags" value="Separators"/>
                            <p:menuitem id="om_docs_27" outcome="/docs/layout/effects.xhtml" icon="icon-tags" value="Effects"/>
                            <p:menuitem id="om_docs_28" outcome="/docs/layout/headings.xhtml" icon="icon-tags" value="Headings"/>
                        </p:submenu>
                    </p:submenu>
                </venture:menu>
            </h:form>
        </div>
    </div>
</ui:composition>